<template>
  <a-layout id="components-layout-demo-fixed-sider">
    <a-layout-sider :style="{ overflow: 'auto', height: '100vh', position: 'fixed', left: 0 }">
      <div class="logo" />
      <a-menu theme="dark" mode="inline" :default-selected-keys="['1']">
        <a-menu-item key="1">
          <router-link to="/lookblack" >
          <a-icon type="video-camera" />
           
            <span class="nav-text">
              平台管理看板
            </span>
          </router-link>
        </a-menu-item>
        <a-menu-item key="2">
          <router-link to="/123">
             <a-icon type="user" />
            <span class="nav-text">
              员工权限管理
            </span>
          </router-link>
        </a-menu-item>
        <a-menu-item key="3">
          <router-link to="/Qiyeguanli">
          <a-icon type="upload" />
          <span class="nav-text">
            企业管理
            </span>
            </router-link>
        </a-menu-item>
        <a-menu-item key="4">
          <router-link to="/person">
          <a-icon type="bar-chart" />
          <span class="nav-text">简历管理</span>
          </router-link>
        </a-menu-item>
        <a-menu-item key="5">
          <router-link to="/technocracy">
          <a-icon type="cloud-o" />
          <span class="nav-text">专家管理</span>
          </router-link>
        </a-menu-item>
        <a-menu-item key="6">
          <router-link to="/financial">
          <a-icon type="appstore-o" />
          <span class="nav-text">财务管理</span>
          </router-link>
        </a-menu-item>
        <a-menu-item key="7">
           <router-link to="/inform">
          <a-icon type="team" />
          <span class="nav-text">通知管理</span>
           </router-link>
        </a-menu-item>
        <!-- <a-menu-item key="8">
          <a-icon type="shop" />
          <span class="nav-text">nav 8</span>
        </a-menu-item> -->
      </a-menu>
    </a-layout-sider>
    <a-layout :style="{ marginLeft: '200px' }">
      <a-layout-header :style="{ background: '#fff', padding: 0 }" >
          <!-- <div>
            <div class="header" style="float:right;padding-right:40px;font-size:18px;">
               <router-link to=/Login>
              <span @click="showModal">
                <a-icon type="usergroup-delete" />&nbsp;登陆</span>
             </router-link>
             &nbsp;
             <router-link to=/xiugaimima>
              <span><a-icon type="setting" />&nbsp;修改密码</span>
              </router-link>
               &nbsp;
              <span><a-icon type="logout" />&nbsp;注销登陆</span>
            </div>
          </div> -->
            <!-- <a-modal v-model="visible" title="登陆" on-ok="handleOk">
      <template slot="footer">
        <router-link to="/passage"> </router-link>
        <a-button key="back" @click="handleCancel">
          Return
        </a-button>
        <a-button key="submit" type="primary" :loading="loading" @click="handleOk">
          Submit
        </a-button>
       
      </template>
    </a-modal> -->
      </a-layout-header>
      <a-layout-content :style="{ margin: '24px 16px 0', overflow: 'initial' }">
        <router-view />
      </a-layout-content>
      <a-layout-footer :style="{ textAlign: 'center' }">
        微信版本更新帮助中心联系我们在线交流服务热线∶400-605-9900（900-18∶00）@2016Lagou 京ICP备14023790号-2 京公网安备11010802017116号
      </a-layout-footer>
    </a-layout>
  </a-layout>
</template>
<script>
export default {
  data() {
    return {
        loading: false,
      visible: false,
    }
  },
  methods: {
    showModal() {
      this.visible = true;
    },
    handleOk() {
      this.loading = true;
      setTimeout(() => {
        this.visible = false;
        this.loading = false;
      }, 3000);
    },
    handleCancel() {
      this.visible = false;
    },
  }
}
</script>
<style>
#components-layout-demo-fixed-sider .logo {
  height: 32px;
  background: rgba(255, 255, 255, 0.2);
  margin: 16px;
}
.header>span{
  padding: 20px;
}
.header>span:hover{
  cursor: pointer;
}
</style>
